import React from "react";
import styles from "./AppDetail.less";

const BusinessDetail = ({ info }) => {
  const {
    busiName = '-',
    // id = '-',
    appName = '-',
    // appId = '-',
    appCode = '-',
    creatorName = '-',
    createTime = '-',
    tenantName = '-',
    description = '-',
  } = info;
  return (
    <div className={styles.detail_box}>
      <div className={styles.item_row}>
        <div className={styles.item_col}>
          <span className={styles.item_label}> 业务名称：</span>
          <span className={styles.item_con} title={busiName}>
            {busiName}
          </span>
        </div>
        {/*
        <div className={styles.item_col}>
          <span className={styles.item_label}> 业务编码：</span>
          <span className={styles.item_con} title={id}>
            {id}
          </span>
        </div>
        */}
        <div className={styles.item_col}>
          <span className={styles.item_label}> 所属应用：</span>
          <span className={styles.item_con} title={appName}>
            {appName}
          </span>
        </div>
        <div className={styles.item_col}>
          <span className={styles.item_label}> 应用编码：</span>
          <span className={styles.item_con} title={appCode}>
            {appCode}
          </span>
        </div>
      </div>
      <div className={styles.item_row}>
        <div className={styles.item_col}>
          <span className={styles.item_label}> 所属租户：</span>
          {/* <a href="#" className={styles.item_con} title={tenantName}>{tenantName}</a> */}
          <span href="#" className={styles.item_con} title={tenantName}>
            {tenantName}
          </span>
        </div>
        <div className={styles.item_col}>
          <span className={styles.item_label}> 创建时间：</span>
          <span className={styles.item_con} title={createTime}>
            {createTime}
          </span>
        </div>
        <div className={styles.item_col}>
          <span className={styles.item_label}> 创建人：</span>
          <span className={styles.item_con} title={creatorName}>
            {creatorName}
          </span>
        </div>
      </div>
      <div className={styles.item_row}>
        <span className={styles.spec_label}>业务说明：</span>
        <span className={styles.spec_content} title={description || ''}>
          {description || ''}
        </span>
      </div>
    </div>
  );
};
export default BusinessDetail;
